<script>
	export default {
		onLaunch() {
			// #ifdef MP
			// 获取系统信息
			const systemInfo = uni.getSystemInfoSync()
			const statusBarHeight = systemInfo.statusBarHeight || 0

			// 计算导航栏高度（微信小程序需要特殊处理）
			let navBarHeight = 44 // 默认导航栏高度
			if (uni.getMenuButtonBoundingClientRect) {
				const menuInfo = uni.getMenuButtonBoundingClientRect()
				navBarHeight = menuInfo.bottom + 6 // 微信胶囊按钮高度 + 缓冲
			}

			// 设置全局 CSS 变量（小程序环境兼容写法）
			this.setCssVar(statusBarHeight, navBarHeight)
			// #endif
		},

		methods: {
			// #ifdef MP
			setCssVar(statusBarHeight, navBarHeight) {
				// 方式1：通过 page-meta 设置（推荐）
				try {
					uni.setStorageSync('cssVars', {
						'--status-bar-height': `${statusBarHeight}px`,
						'--nav-bar-height': `${navBarHeight}px`
					})
				} catch (e) {}

				// 方式2：动态更新样式（兼容方案）
				const style = `
	        page {
	          --status-bar-height: ${statusBarHeight}px;
	          --nav-bar-height: ${navBarHeight}px;
	        }
	      `
				uni.setStorageSync('dynamicStyles', style)
			}
			// #endif
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";


	/* 仅小程序生效的适配样式 */
	// // #ifdef MP
	// page {
	// 	padding-top: calc(var(--status-bar-height, 0) + var(--nav-bar-height, 44px));
	// }

	// .custom-navbar-page {
	// 	padding-top: 0;
	// 	/* 如果自己实现了导航栏，则不需要padding */
	// }

	// // #endif

	@font-face {
		font-family: iconfont;
		font-weight: normal;
		font-style: normal;
		src: url('/static/iconfont.ttf') format('truetype');
	}

	.iconfont {
		font-family: "iconfont" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-liuyan:before {
		content: "\e744";
	}

	.icon-shezhi:before {
		content: "\e74c";
	}

	.icon-dingdan:before {
		content: "\e737";
	}

	.icon-zhifudingjin:before {
		content: "\e626";
	}

	.icon-wuliu:before {
		content: "\e75f";
	}

	.icon-tuikuan:before {
		content: "\e75a";
	}

	.icon-jinru:before {
		content: "\e638";
	}

	.icon-shizhongfill:before {
		content: "\e74e";
	}

	.icon-dingwei:before {
		content: "\e633";
	}

	.icon-biaoxingfill:before {
		content: "\e732";
	}

	.icon-fanhui:before {
		content: "\e624";
	}
</style>